<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteTemplate.Master" %>

<%@ Import Namespace="LoveMusic" %>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <% var artist = ((ArtistDetailData)ViewData.Model).Artist; %>
    <title>
        <%=Server.HtmlEncode(artist.Name)%>
        - all songs - Listen on IloveThisMusic.com</title>
    <meta name="description" content="Listen song <%=Server.HtmlEncode(artist.Name)%> by <%=Server.HtmlEncode(artist.Name)%> in your web browser." />
    <meta name="keywords" content="<%=Server.HtmlEncode(artist.Name)%>,<%=Server.HtmlEncode(artist.Name)%>, <%=Server.HtmlEncode(artist.Name) %>,ilovethismusic,song,music,watch,listen,share,rate,download,new music" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>

    <script type="text/javascript">
        //
        // YouTube JavaScript Player With Playlist
        // http://911-need-code-help.blogspot.com/2009/10/youtube-javascript-player-with-playlist.html
        // Revision 1 [2009-10-12]
        //
        // Prerequisites
        // 1) Create following elements in your HTML:
        // -- a) ytplayer: a named anchor
        // -- b) ytplayer_div1: placeholder div for YouTube JavaScript Player
        // -- c) ytplayer_div2: container div for playlist
        // 2) Include SWFObject library from http://code.google.com/p/swfobject/
        //
        // Variables
        // -- ytplayer_playlist: an array containing YouTube Video IDs
        // -- ytplayer_playitem: index of the video to be played at any given time
        //
        var ytplayer_playlist = [];
        var ytplayer_playitem = 0;
        swfobject.addLoadEvent(ytplayer_render_player);
        swfobject.addLoadEvent(ytplayer_render_playlist);
        function ytplayer_render_player() {
            swfobject.embedSWF
    (
      'http://www.youtube.com/v/' + ytplayer_playlist[ytplayer_playitem] + '&enablejsapi=1&rel=0&fs=1',
      'ytplayer_div1',
      '425',
      '344',
      '8',
      null,
      null,
      {
          allowScriptAccess: 'always',
          allowFullScreen: 'true'
      },
      {
          id: 'ytplayer_object'
      }
    );
        }
        function ytplayer_render_playlist() {
            for (var i = 0; i < ytplayer_playlist.length; i++) {
                var img = document.createElement("img");
                img.src = "http://img.youtube.com/vi/" + ytplayer_playlist[i] + "/default.jpg";
                var a = document.createElement("a");
                a.href = "#ytplayer";
                //
                // Thanks to some nice people who answered this question:
                // http://stackoverflow.com/questions/1552941/variables-in-anonymous-functions-can-someone-explain-the-following
                //
                a.onclick = (
        function(j) {
            return function() {
                ytplayer_playitem = j;
                ytplayer_playlazy(1000);
            };
        }
      )(i);
                a.appendChild(img);
                document.getElementById("ytplayer_div2").appendChild(a);
            }
        }
        function ytplayer_playlazy(delay) {
            //
            // Thanks to the anonymous person posted this tip:
            // http://www.tipstrs.com/tip/1084/Static-variables-in-Javascript
            //
            if (typeof ytplayer_playlazy.timeoutid != 'undefined') {
                window.clearTimeout(ytplayer_playlazy.timeoutid);
            }
            ytplayer_playlazy.timeoutid = window.setTimeout(ytplayer_play, delay);
        }
        function ytplayer_play() {
            var o = document.getElementById('ytplayer_object');
            if (o) {
                o.loadVideoById(ytplayer_playlist[ytplayer_playitem]);
            }
        }
        //
        // Ready Handler (this function is called automatically by YouTube JavaScript Player when it is ready)
        // * Sets up handler for other events
        //
        function onYouTubePlayerReady(playerid) {
            var o = document.getElementById('ytplayer_object');
            if (o) {
                o.addEventListener("onStateChange", "ytplayer_statechange");
                o.addEventListener("onError", "ytplayer_error");
            }
        }
        //
        // State Change Handler
        // * Sets up the video index variable
        // * Calls the lazy play function
        //
        function ytplayer_statechange(state) {
            if (state == 0) {
                ytplayer_playitem += 1;
                ytplayer_playitem %= ytplayer_playlist.length;
                ytplayer_playlazy(5000);
            }
        }
        //
        // Error Handler
        // * Sets up the video index variable
        // * Calls the lazy play function
        //
        function ytplayer_error(error) {
            if (error) {
                ytplayer_playitem += 1;
                ytplayer_playitem %= ytplayer_playlist.length;
                ytplayer_playlazy(5000);
            }
        }
        //
        // Add items to the playlist one-by-one
        //
  
  
    </script>

</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
    <% var artist = ((ArtistDetailData)ViewData.Model).Artist; %>
    <% if (artist == null) %>
    <% { %>
    <span class="pageMessage">The artist does not exists.</span>
    <% } %>
    <% else %>
    <% { %>
    <% foreach (string youTubeID in artist.PlayListYouTube) %>
    <% { %>

    <script type="text/javascript">
        ytplayer_playlist.push('<%= youTubeID  %>');
    </script>

    <% } %>
    <table class="story">
        <tbody>
            <tr>
                <td width="255px">
                    <div class="count_detail">
                    <% foreach (string imageUrl in artist.Images) %>
                    <% { %>
                        <% if (imageUrl != null) %>
                        <%{ %>
                        <%=  Html.Image("/ThumbNew.aspx?filename=" + Server.HtmlEncode(imageUrl) + "&width=250&height=250")%>
                        <%}
                           else %>
                        <% {%>
                        <%= Html.Image(Url.Content("~/Views/Images/error.gif"), new { width = "250", height = "250" })%>
                        <%} %>
                        <%--<%=  Html.Image("/ThumbNew.aspx?filename=" + Server.HtmlEncode(story.ImageURL) + "&width=250&height=250")%>--%>
                        <%} %>
                    </div>
                </td>
                <td class="content">
                
                </td>
            </tr>
    </table>
    <% } %>
</asp:Content>
